<template>
  <view class="page-message-index">
    <view class="message-index-box">
      <navigator url="/pages/message/list/index?type=1" class="message-item ui-flex flex--vcenter ui-1px-b">
        <view class="message-image">
          <image class="message-image--image" src="/static/images/message/news.png" />
        </view>
        <view class="message-content">
          <text class="ui-txt">系统消息</text>
        </view>
      </navigator>
      <navigator url="/pages/message/list/index?type=2" class="message-item ui-flex flex--vcenter">
        <view class="message-image">
          <image class="message-image--image" src="/static/images/message/order.png" />
        </view>
        <view class="message-content">
          <text class="ui-txt">通知公告</text>
        </view>
      </navigator>
    </view>
  </view>
</template>

<script>
import { queryOrderListApi } from "api/order/order.js";

export default {
  name: "messageIndexPage",
  components: {},
  data() {
    return {};
  },
  created() {},

  methods: {
    loadOrderListData(page) {}
  }
};
</script>

<style scoped lang="scss" >
.page-message-index {
  background-color: $fill-base;
  .message-item {
    padding: 39rpx 26rpx 39rpx 40rpx;
    box-sizing: border-box;
    .message-image {
      flex: 0 0 70rpx;
      .message-image--image {
        width: 70rpx;
        height: 70rpx;
      }
    }
    .message-content {
      flex: 1;
      padding-left: 26rpx;
    }
  }
}
</style>
